Notifications

<notification-list></notification-list>

let items = [{
        timestamp: "2016-12-07T11:44:43",
        showAvatar: null,
        avatarInitials: null,
        iconBgColor: "#2980B9",
        iconSrc: "zmdi",
        icon: "zmdi-upload",
        iconColor: "#fff",
        body: "Some custom text that supports <strong>html</strong> and with a provided icon.",
        url: "#",
        read: false
    }, {
        timestamp: "2016-11-07T11:44:43",
        showAvatar: true,
        avatarInitials: "HE",
        iconBgColor: null,
        iconSrc: null,
        icon: null,
        iconColor: null,
        body: "A notification with an avatar.",
        url: "#",
        read: false
    }];

    let items2 = [{
        timestamp: "2016-11-07T11:44:43",
        showAvatar: true,
        avatarInitials: "HE",
        iconBgColor: null,
        iconSrc: null,
        icon: null,
        iconColor: null,
        body: "A <i>read</i> notification (avatar).",
        url: "#",
        read: true
    }, {
        timestamp: "2016-11-07T11:44:43",
        showAvatar: false,
        avatarInitials: null,
        iconBgColor: "#2980B9",
        iconSrc: "zmdi",
        icon: "zmdi-calendar-check",
        iconColor: "#fff",
        body: "Another <i>read</i> notification (with icon).",
        url: "#",
        read: true
    }];
let notificationlist = riot.mount('notification-list', {
    items: items
})[0]

notificationlist.on('item:click', (item) => {
    notificationlist.items = items2;
    notificationlist.update()
})